<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>悟空钱包</title>
    <meta charset="utf-8" />
    <link href="./css/main.css?rev=@@hash" rel="stylesheet" />
    <link href="./css/jquery-ui.css?rev=@@hash" rel="stylesheet" />
    <link href="css/mui.min.css?rev=@@hash" rel="stylesheet" />
    <link href="css/mui.picker.css?rev=@@hash" rel="stylesheet" />
    <link href="css/mui.poppicker.css?rev=@@hash" rel="stylesheet" />
    <style>
        body {
            width: 100%;;
            position: relative;
            /*background-color: white;*/
        }

        .cells {
            margin: 0 .16rem;
            margin-top: -.35rem;
            border-radius: .1rem;
            box-shadow: 0 0.05rem 0.08rem #DDE9E8;
        }

        .cells_title {
            text-align: center;
            width: 2rem;
            margin: 0 auto;
            padding: .12rem .2rem;
            font-size: .16rem;
            height: .22rem;
            color: rgb(68, 74, 89);
        }

        .cells_title a {
            display: block;
            float: left;
            font-size: .12rem;
            height: .2rem;
            line-height: .2rem;
            padding-left: .05rem;
            color: red;
        }

        .cells_title span {
            display: block;
            float: left;
            font-size: .13rem;
            height: .22rem;
            line-height: .22rem;
            margin-left: .2rem;
            color: rgb(136, 136, 136)
        }

        .cell_hd {
            font-size: .10rem;
            color: #c1c1c1;
            transform: scale(.8);
            -webkit-transform: scale(.8);
        }

        .cardBanner {
            width: 100%;
            height: 1.92rem;
            background: -webkit-linear-gradient(top, #57CD91, #11B1B2);
        }

        .cardBanner img {
            position: absolute;
            width: 100%;
            z-index: 1;
        }

        .cardBanner>div {
            color: white;
            text-align: center;
        }

        .cardBanner .titleLeft {
		    width: 100%;
		    font-size: .12rem;
		    padding-top: .05rem;
        }

        .cardBanner .titleRight {
            width: 100%;
            font-size: .16rem;
        }

        .cardBanner>span {
            display: block;
            height: .3rem;
            float: left;
            padding: 0;
            font-size: .3rem;
            color: white;
        }

        .cardBanner .titleContentLeft {
            display: inline-block;
            font-size: .3rem;
            padding: .1rem 0 .13rem 0;
            font-weight: bold;
        }


        .cell_cn {
            color: #161616;
        }

        .cell_hd a {
            display: inline-block;
            color: rgb(229, 192, 149);
            font-size: .12rem;
        }

        .operatorContent {
            width: 100%;
            margin-top: .4rem;
            background: #efeff4;
        }

        .txt {
            text-align: left;
        }

        .confirmBtn {
            position: static;
            display: block;
            width: 90%;
            height: .45rem;
            margin: 0 auto;
            font-size: .15rem;
            opacity: .5rem;
            border-radius: .25rem;
            box-shadow: 0 0 0 rgb(214, 193, 192);
        }

        .payAmount {
			margin: .8rem .16rem 0rem;
		    background: #F1F4F4;
		    border-radius: .07rem;
		    padding: .1rem;
        }

        .getCode {
            color: red;
            font-size: .12rem;
        }

        .cell_ft img {
            display: block;
            ;
            width: .2rem;
            height: .1rem;
        }

        .tip {
            line-height: .2rem;
            height: .2rem;
            overflow: hidden;
            margin: .1rem .22rem .26rem;
        }

        .tip span {
            display: block;
            float: left;
            font-size: .12rem;
            line-height: .2rem;
            height: .2rem;
        }

        .tip i {
            display: block;
            width: .2rem;
            height: .2rem;
            margin: 0 .04rem 0.02rem 0rem;
            float: left;
        }

        .tip i img {
            width: 100%;
        }

        /*进度条*/
        ul.lanren {
            margin: .4rem auto;
            height: 1rem;
        }

        .scale_panel {
            color: #999;
            position: absolute;
            line-height: .18rem;
            top: .2rem;
        }

        .scale>span {
            background-color: #2AD2C8;
            width: 30px;
            height: 30px;
            position: absolute;
            left: -2px;
            top: -10px;
            cursor: pointer;
            border-radius: 50%;
            font-size: .2rem;
        }

        .scale {
            background-color: #eee;
            border-left: .01rem #83BBD9 solid;
            width: 2rem;
            height: .1rem;
            position: relative;
            border-radius: .15rem;
        }

        .scale>div {
            background-repeat: repeat-x;
            background-color: rgb(253, 152, 91);
            /*进度条颜色*/
            width: 0px;
            position: absolute;
            height: .1rem;
            width: 0;
            left: 0;
            bottom: 0;
            border-radius: .2rem;
        }

        .lanren>li {
            margin-left: 3.50px;
            position: relative;
            list-style: none;
            font-size: 30px;
        }

        #title {
            position: absolute;
            top: 40px;
            left: 30px;
        }

         .layer_dialog_box1{
     	    height: auto!important;
         }
         .layer_dialog_box1 .layer_dialog_cn {
		    padding: .3rem!important;
		}
        .layer_dialog_box .layer_dialog_ft {
            margin: .2rem auto;
        }


        .layer_dialog_box .layer_dialog_cn {
		    /*height: 1.6rem;*/
		    padding: 0rem;
        }
        #lastConfirm .layer_dialog_cn {
            width: 3.11rem;
            height: .93rem;
            text-align: center;
            border-top: .01rem solid #ddd;
            border-bottom: .01rem solid #ddd;
            margin: 0 auto;
        }

        #lastConfirm .layer_dialog_cn a {
            font-size: .25rem;
            color: #2AD2C8;
        }

        .layer_dialog_box .layer_dialog_title {
            font-weight: 700;
            font-size: .2rem;
            color: #36AE80;
        }

        .layer_dialog_box .layer_dialog_cn .lanrenTitle {
            height: .16rem;
            width: 100%;
            text-align: left;
        }

        .layer_dialog_cn .lanrenTitle span {
            display: block;
            float: right;
            height: .3rem;
            line-height: .3rem;
            width: .6rem;
            text-align: right;
        }

        .lanrenTitleValue {
            height: .3rem;
            line-height: .3rem;
            width: 100%;
            text-align: left;
            margin-top: .4rem;
        }

        .lanrenTitleValue a {
            display: block;
            float: left;
            width: 1rem;
            text-align: left;
        }

        .lanrenTitleValue span {
            display: block;
            float: right;
            width: 1rem;
            text-align: right;
        }

        .lanrenContent {
            height: .7rem;
            text-align: left;
            padding: .1rem 0;
        }

        .tip a {
            color: #36AE80;
        }


        .layer_dialog_box {
            padding: .1rem 0;
        }

        .layer_btn {
            display: block;
            position: relative;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center;
            letter-spacing: 1px;
            color: #353535;
            width: 1rem;
            border-radius: .1rem;
            background-color: #eee;
            /*margin: 0rem .2rem;*/

        }

        .layer_btn.layer_btn_primary {
            background-color: #36AE80;
            color: white;
            border-radius: .25rem;
            height: .45rem;
            line-height: .45rem;
            font-size: .15rem;
        }

        .layer_btn+.layer_btn:after {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 100%;
            /*border-left: 1px solid #E4E4E4;*/
            color: #E4E4E4;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleX(.5);
            transform: scaleX(.5);
        }

        .layer_dialog .layer_dialog_ft {
            position: relative;
            width: 2.83rem;
            height: .45rem;
            line-height: .45rem;
            font-size: .17rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            background-color: white;
        }

        .layer_dialog .layer_dialog_ft::after {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 1px;
            border-top: solid 0 white;
            color: #E4E4E4;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
        }

        .layer_dialog_title {
            font-weight: 700;
        }

        .cells_content {
            display: none;
        }

        .disOn {
            display: block;
        }

        #bar>div {
            left: -.05rem;
        }

        .layer_dialog .layer_dialog_hd:after {
            border-top: 0px solid #E4E4E4
        }
        .cellLine1,.cellLine2{
        	position: relative;
        }
        .cellLine1:before {
            content: " ";
            position: absolute;
            right: 5%;
            top: 50%;
            width: .01rem;
            height: .8rem;
            background: #C9E0DE;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: translate(-50%,-25%) scaleY(.5);
            transform: translate(-50%,-25%) scaleY(.5);
        }
        .cellLine2:before {
            content: " ";
            position: absolute;
            left: 95%;
            top: 50%;
            width: .01rem;
            height: .8rem;
            background: #C9E0DE;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: translate(-50%,-25%) scaleY(.5);
            transform: translate(-50%,-25%) scaleY(.5);
        }
        
        .cellLine:before {
            border: 0 solid white;
        }

        .cells:after {
            border: 0 solid white;
        }

        .getMoneyWay {
            font-size: .16rem;
            margin-top: .02rem;
        }

        .getMoneyWay a {
            font-size: .16rem;
        }

        .downLoadBar {
            height: .5rem;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .downLoadBar img {
            width: 110%;
            position: absolute;
            top: 0;
            left: -5%;
        }

        .downloadbar {
            margin: .1rem .16rem 1rem;
            overflow: hidden;
        }

        .downloadbar a {
            display: block;
            width: 1.65rem;
            line-height: .4rem;
            margin: .2rem 0;
            font-size: .15rem;
            color: white;
            border-radius: .25rem;
            text-align: center;
        }

        .downloadbar a img {
            display: block;
            padding: .1rem;
            height: .2rem;
            width: .2rem;
            float: left;
        }

        #appleDownload {
            background: #57CD91;
            float: left;
        }

        #androdDownload {
            background: #FFB769;
            float: right;
        }

        .tab_bar {
            height: .48rem;
        }

        .tab_bar>footer>a {
            text-align: center;
            font-size: .12rem;
            color: #B9BEC8;
        }

        .tab_bar>footer>a>img {
            height: .25rem;
            margin: .03rem auto 0;
        }

        .tab_bar>footer>a:nth-child(1) {
            color: #36AE80;
        }
        .scal{
             transform: scale(0.8);
            -webkit-transform:scale(0.8) 
        }
        .cellLine{
            width: 33%;
            float: left;
            height: .74rem;
            text-align: center;
            padding-top: .2rem;
        }
        .payTime{
            font-size: .12rem;
            transform: scale(1);
            -webkit-transform: scale(1);
        }
        .ForPayAmount{
            font-size: .13rem;
            color: #18B4AF;
            font-weight: bold;
        }
        .payTime .cell_cn{
            float: right;
        }
        .layer_dialog .layer_dialog_box {
            position: fixed;
            z-index: inherit;
            width: 3.43rem;
            height: 3.64rem;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background-color: #fff;
            border-radius: .1rem;
            overflow: hidden;
            padding:  0;
        }
        .layer_dialog_hd img,.layer_dialog_hd span{
            display: block;
        }
        .layer_dialog_hd img{
            width: .87rem;
            height: .78rem;
            margin: 0 auto .16rem;
        }
        .realAmount{
            float: right;
            display: inline-block;
            font-size: .15rem;
            color: #36AE80;
            font-weight: bold;
        }
        .layer_dialog_cn h6{
            text-align: left;
            height: .2rem;
            color: #9D9E9E;
            overflow: hidden;
        }
        .layer_dialog_cn h6:nth-child(1){
            margin: .2rem 0 .15rem 0;
        }
        .AmountName{
            float: left;
            display: inline-block;
            font-size: .15rem;
        }
        .wrapContent{
	        margin: -.1rem auto 0; 
	        display: flex;     
	        justify-content: space-between;
	        flex-wrap:nowrap;	
        }

	    #hostpslider{
	    	width: 90%;
		    height: .1rem;
		    background: #DAF4EB;
		    margin: 0 auto;
		    border-radius: .25rem;
		    position: relative;
	    }
        .sliderHandle {  
		    width: .24rem;
		    height: .24rem;
		    position: absolute;
		    z-index: 2;
		    cursor: pointer;
		    background: url(img/silderBg.png) no-repeat center;
		    background-size: 100%;
		    outline: none;
		    border: none;
		    border-radius: .25rem;
		    box-shadow: 0 .01rem .03rem #126642;
		    top: -8px;
		    left:0;
	    } 
	    .bgColor{
	    	width: 0px;
	    	height: .1rem;
	    	background:#229A67 ;
	    	border-radius: .25rem;
	    }
        .lb{
		    float: left;
			width: 100%;
		    font-size: .14rem;
		    font-weight: 600;
		    color: #2E7758;
		    padding-top: .2rem;
        }
        .lb:nth-child(1){
        	text-align: left;
        }
        .lb:nth-child(2){
        	text-indent: -20px;
        }
        .lb:nth-child(3){
        	text-indent: 20px;
        }
        .lb:nth-child(4){
        	text-align: right;
        }
        .payTime1{
        	margin-top: .05rem;
        }
        .timeTips{
        	color: #FFB769;
        }
    	.arrowImg {
            float: right;
            display: inline-block;
            width: .18rem!important;
            height: .18rem;
            position: static!important;
        }
        .cells .cell{
		    font-size: .13rem;
		    color: #222323;
		    padding: .18rem .16rem .18rem;
		}    
        .placeholderTxt {
            width: 100%;
            background-size: 25% 100%;
        }
        .cell:before{
        	border-top: 1px solid rgba(228, 228, 228, 0);
        }
        .mui-pciker-list li.highlight {
		    color: rgb(54, 174, 128);
		}
		.mui-poppicker-btn-cancel {
		    border-radius: 25px;
		}
		.mui-btn-blue, .mui-btn-primary, input[type=submit] {
		    color: #fff;
		    border: 1px solid rgb(54, 174, 128);
		    background-color: rgb(54, 174, 128);
		    border-radius: 25px;
		}
		.userTips{
			width: 100%;
		    height: .34rem;
		    line-height: .34rem;
		    padding: 0 .16rem;
		    margin: 0 auto;
		    font-size: .13rem;
		    color: #fff;
		    background: rgba(0, 0, 0, 0.2);
        }
	    .leftImg,.rightImg{
		    width: .24rem!important;
		    height: .24rem;
		    position: static!important;
	        margin: .05rem .03rem 0 0;
	    }
	    .leftImg{
	    	float: left;
	    }
	 	marquee{
	    	float: left;
	    	width: 84%;
	    }
	    .alert11{
	    	display: none;
	    }
        .repayAlert1Wrap{
		    width: 100%;
		    height: 100%;
		    overflow: scroll;
		    position: absolute;
		    left: 50%;
		    top: 50%;
		    transform: translate(-50%, -50%);
		    z-index: 33;
        }
        .repayAlert1 {
		    width: 3.11rem;
		    background: #fff;
		    border-radius: .15rem;
		    margin: 1rem auto;
        }
        .alert1List1 {
            width: 3.11rem;
            height: 1.08rem;
            background: url(img/repayBg1.png) no-repeat 0px 0px;
            background-size: 100%;
        }
        .alert1ListTitle {
            display: block;
            font-size: .12rem;
            color: #fff;
            text-align: center;
            padding-top: .2rem;
        }
    	.alert1ListTips {
			display: block;
		    width: 100%;
		    font-size: .15rem;
		    color: #fff;
		    font-weight: bold;
		    text-align: center;
        }
        .alertTipsTitle{
			font-size: .15rem;
		    color: #1EB97E;
		    position: relative;
		    margin: 0 0 0 .1rem;
		    padding: .05rem 0 .05rem .05rem;
		    background: #fff;
        }
        .alertTipsTitle:before{
		    content: '';
		    width: .08rem;
		    height: .16rem;
		    background: #1EB97E;
		    position: absolute;
		    left: -.09rem;
		    top: .04rem;
		    border-radius: .25rem 0 0 .25rem;
		    z-index: 0;
        }
        .alertTipsText{
    	    font-size: .13rem;
    		color: #646668;
    		padding-left: .15rem;
        }
        .alert1ListItems{
    	    margin: .21rem .16rem 0;
        }
        .alert1ListItemsInfo{
			height: .4rem;
		    line-height: .4rem;
		    color: #1EB97E;
		    margin-top: .1rem;
		    background: #ededed;
		    border-radius: .05rem;
		    padding-left: .16rem;
        }
        .callNumber{
    	    display: inline-block;
		    float: right;
		    padding: 0 .11rem;
		    font-size: .12rem;
		    color: #fff;
		    background: #1EB97E;
		    border-radius: 0 .05rem .05rem 0;
        }
        .alert1ListItemsPic{
        	display: block;
		    width: 1.25rem;
		    margin: .15rem auto .18rem;
        }
        .cancelBtn{
    	    display: block;
		    height: .45rem;
		    line-height: .45rem;
		    text-align: center;
		    font-size: .15rem;
		    color: #fff;
		    background: #1EB97E;
		    margin:0 .16rem .21rem;
		    border-radius: .25rem;
        }
    </style>
</head>

<body>
    <!-- 蒙版 -->
    <div class="layer_load">
        <div class="layer_mask"></div>
        <div class="layer_load_icon icon-loading"></div>
    </div>
    <div style="background: #4fca94;padding: .15rem 0 .1rem 0;">
	    <div class="userTips">
	    	<img class="leftImg" src="img/userTips1.png">
	    	<marquee scrollamount="7"  direction="left" behavior="scroll">
	    		温馨提醒您：
				1.还款时谨防诈骗，我们平台不会以个人名义通过微信、支付宝 收取回款。
				2.还款过程如果有人冒充悟空钱包工作人员收取您的额外费用，要求转账至个人微信或支付宝上，请联系我们：
				官方微信：wukongservice
				唯一官方客服电话：   4001060216。
	    	</marquee>
	    	<img class="rightImg" src="img/userTips2.png">
	    </div>
    </div>
    <div class="cardBanner">
        <div class="titleLeft">借款金额</div>
        <div ><span class="titleContentLeft"></span>元</div>
    	<div id="chooseplan" align="center">
			<div id="hostpslider">
				<div class="bgColor"></div>
				<div class="sliderHandle"></div>
	            <div class="wrapContent">
					<!--<div class="lb Amount"></div>
					<div class="lb Amount"></div>
					<div class="lb Amount"></div>-->
					<div class="lb moreAmount">更高</div>
	            </div>
			</div>
		</div>
        
    </div>
    <div class="cells">
        <div class="cellLine cellLine1">
            <label class="cell_hd">借款期限</label>
            <span class="cell_cn titleContentRight"></span>
        </div>
        <div class="cellLine cellLine2">
            <label class="cell_hd">利息</label>
            <span class="cell_cn"></span>元
        </div>
        <div class="cellLine">
            <label class="cell_hd">综合费率</label>
            <div class="cell_cn"></div>
        </div>
	    <div class="payAmount">
	        <div class="cell_hd payTime">到期应还：<span class="cell_cn"><span class="ForPayAmount"></span>元</span></div>
	        <div class="cell_hd payTime payTime1">还款截至时间：<span class="cell_cn"><span class="timeTips">还款日下午4:00</span></span></div>
	    </div>
	    <div class="cell">
	        <div id="showOptions" class="placeholderTxt">
	            <span class="selectTxt">请选择借款用途</span>
	            <img class="arrowImg" src="images/gogogo.png">
	        </div>
	    </div>
     </div>
    <div class="operatorContent">
        <div class="tip">
            <i><img src="./img/bingo.png" alt=""></i><span>我已阅读并同意<a href="./help/loanprotocol.html">《借款协议》</a></span>
        </div>
        <div class="submitBtn confirmBtn">开始申请</div>
        <div class="downloadbar">
            <a href="itms-services://?action=download-manifest&url=https://image.pushunjinfuchina.com/ioswu/manifest.plist" id="appleDownload">苹果下载</a>
            <a href="http://h5.pushunjinfuchina.com/Wukong-v1.0.0.apk" id="androdDownload">安卓下载</a>
        </div>
    </div>
    <div class="alert11">
        <div class='layer_mask'></div>
        <div class="repayAlert1Wrap">
	        <div class="repayAlert1">
	            <div class="alert1List1">
	                <span class="alert1ListTitle">温馨提示您</span>
	                <span class="alert1ListTips">还款时谨防诈骗</span>
	            </div>
	            <div class="alert1ListItems">
	            	<h6 class="alertTipsTitle">还款时谨防诈骗</h6>
	            	<div class="alertTipsText">
						我们平台不会以个人名义通过微信、支付宝收取回款
	            	</div>
	            </div>
	            <div class="alert1ListItems">
	            	<h6 class="alertTipsTitle">请联系我们</h6>
	            	<div class="alertTipsText">
						还款过程如果有人冒充悟空招财工作人员收取您的额外费用，要求转账至个人微信或支付宝上，请联系我们：
	            	</div>
	            </div>
	            <div class="alert1ListItems">
	            	<h6>1.客服人员电话</h6>
	            	<div class="alert1ListItemsInfo">
		            	<span style="font-size: .15rem;">4001060216</span>
		            	<a class="callNumber" id="telephone">拨打电话</a>
	            	</div>
	            </div>
	            <div class="alert1ListItems">
	            	<h6>2.客服微信号</h6>
	            	<div class="alert1ListItemsInfo">
		            	<span style="display:inline-block;font-size: .15rem;">wukongservice</span>
	    	            <button class="callNumber" style="line-height: .4rem;" type="button" id="id_copy" data-clipboard-text="wukongservice">一键复制</button>
	            	</div>
	            </div>
	        	<div class="alert1ListItems">
	            	<h6>3.客服微信二维码</h6>
	                    <img class="alert1ListItemsPic" src="img/wxCode.png" />
	            </div>
	            <div class='layer_dialog_ft opreatorCon'>
	            	<a class='cancelBtn'>我知道了</a>
	            </div>
	            <div style="width: 100%;height: 1px;"></div>
	        </div>
	    </div>    
    </div>
    <!-- <div class='layer_dialog alert'>
        <div class='layer_mask'></div>
        <div class='layer_dialog_box'>
            <div class='layer_dialog_hd'>
                <span class='layer_dialog_title'></span>
                <i class='layer_btn_close icon-close' style='display:none'></i>
            </div>
            <div class='layer_dialog_cn'>
                <div class="lanrenTitle">
                    现金<span>游戏币</span>
                </div>
                
                <ul class="lanren">
                    <li>
                        <span id="title" style="display: none">0</span>
                        <div class="scale_panel">
                            <div class="scale" id="bar">
                                <div></div>
                                <span id="btn"></span>
                            </div>
                        </div>
                    </li>
                </ul>

                <div class="lanrenTitleValue">
                    <a>0元</a><span>1000个</span>
                </div>

                <div class="lanrenContent">
                    游戏币将直接充值到您的游戏账户中，剩余现金汇入您绑定的银行卡中。当天提交，当天审核，实时到账。
                </div>
            </div>
            <div class='layer_dialog_ft'>
                <a class='layer_btn layer_btn_primary'></a>
            </div>
        </div>
    </div> -->

    <div class='layer_dialog confirm' id="lastConfirm">
        <div class='layer_mask'></div>
        <div class='layer_dialog_box'>
            <div class='layer_dialog_hd'>
                <img src="./img/tipsImg.png" />
                <span class='layer_dialog_title'>提示</span>
            </div>
            <div class='layer_dialog_cn'>
                <h6><span class="AmountName">到账现金为</span><span class="realAmount"></span></h6>
                <h6><span class="AmountName">会员费为</span><span class="realAmount"></span></h6>
            </div>
            <div class='layer_dialog_ft'>
                <a class='layer_btn layer_btn_primary last_btn_primary'>我知道了</a>
            </div>
        </div>
    </div>

    <div class="tab_bar">
        <footer>
            <!-- <a href="./index.html"><img src="./images/youlechang.png"></a> -->
            <a href="#"><img src="./img/walletAfter.png"><div class="scal">钱包</div></a>
            <!-- <a href="./trust/identification.html"><img src="./images/renzheng.png"></a> -->
            <a href="./user/myWallet.html"><img src="./img/myBefor.png"><div class="scal">我的</div></a>
        </footer>
    </div>
    <!-- 脚本 -->
    <script src="./js/jquery-1.9.1.js?rev=@@hash"></script>
    <script src="./lib/zepto.min.js?rev=@@hash"></script>
    <script src="./js/main.js?rev=@@hash"></script>
    <script src="js/mui.min.js?rev=@@hash"></script>
    <script src="js/mui.picker.min.js?rev=@@hash"></script>
    <script src="js/mui.poppicker.js?rev=@@hash"></script>
    <script src="js/clipboard.min.js?rev=@@hash"></script>
    <script>
        if(userUtil.sid() && userUtil.userID()){    //登录状态userUtil.sid() && userUtil.userID()
	        (function (global, userUtil, layer) {
	            var localH = localStorage.getItem("localH");
	            var orderNo;
	            var u = navigator.userAgent;
			    var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				var android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端      
				var useFor;
				var LOAN_WAYlist= [];
				var appV =  "1.0.2" ;  ///当前最新版本号
				var oldAPPV ;       ///当前旧版本号      
				var _data ;/////初始化页面显示产品信息
			    var BW = [];////初始化滑块每一步额度数
			    var BWValue;////初始化滑块默认显示第几段
	            if (!localH) {
	                localH = localStorage.setItem("localH", document.documentElement.clientHeight)
	            }
	            // $("body").height(Number(localH));
	            var cashRate,
	                borrowValue,
	                maxCashRate,
	                sessionId = userUtil.sid(),
	                productId,
	                gameRechargeRate;
	                
	          // 弹窗提示更新
	            var layers = (function () {
	                var _tips_timeout;
	                return {          
				        alert: function (obj) {
				            var conf = {
				                title: "提 示",
				                content: "为了确保您有更好的体验，发现您的APP版本较低，去下载更高版本的应用吧",
				                btnText: "确 定",
				                btnEvent: function () { }
				            };
				            if (typeof obj == "string") { obj = { content: obj } };
				            $.extend(conf, obj);
				            if ($(".alert").length == 0) {
				                $("body").append("<div class='layer_dialog alert alertUpdate'><div class='layer_mask'></div><div class='layer_dialog_box layer_dialog_box1'><div class='layer_dialog_hd'><span class='layer_dialog_title'></span><i class='layer_btn_close icon-close' style='display:none'></i></div><div class='layer_dialog_cn'></div><div class='layer_dialog_ft'><a class='layer_btn layer_btn_primary'></a></div></div></div>");
				            }
				            $(".alert").addClass("on");
				            $(".alert .layer_dialog_title").text(conf.title);
				            $(".alert .layer_dialog_cn").html(conf.content);
				            $(".alert .layer_btn").text(conf.btnText).off("click").on("click", function () { 
				            	conf.btnEvent(); 
				            	if(ios){
				            		window.location.href="itms-services://?action=download-manifest&url=https://image.pushunjinfuchina.com/ioswu/manifest.plist";
				            	}else if(android){
				            		window.location.href="http://h5.pushunjinfuchina.com/Wukong-v1.0.0.apk";
				            	}
				            	close(); 
				            });    ////window.location.href="";
				            $(".alert .layer_btn_close").off("click").on("click", function () { conf.btnEvent(); close(); });
				
				            function close() {
				                $(".alert").removeClass("on");
				            }
				        }                    
	                }
	            })(); 
	            $(".tip i").click(function () {
	                if ($(".tip i img").attr('src') == "./img/bingo.png") {
	                    $(".tip i img").attr('src', "./img/login_check.png");
	                    $(".confirmBtn").css({ "background-color": "rgb(54, 174, 128)", "opacity": ".6" });
	                    $(".confirmBtn").off("click");
	                } else {
	                    $(".tip i img").attr('src', "./img/bingo.png");
	                    $(".confirmBtn").css({ "background-color": "rgb(54, 174, 128)", "opacity": "1" });
	                    $(".confirmBtn").click(function () {
	                        $(".confirm .realAmount").eq(0).html(Math.ceil(cashRate * borrowValue)+ "元");
	                        $(".confirm .realAmount").eq(1).html(borrowValue - Math.ceil(cashRate * borrowValue) + "元");
	                        $(".confirm").addClass("on");
	                    })
	                }
	            })
	            $(".confirmBtn").css({ "background-color": "rgb(54, 174, 128)" });
	            $(".confirmBtn").click(function () {
		            $(".confirm .realAmount").eq(0).html(Math.ceil(cashRate * borrowValue)+ "元");
		            $(".confirm .realAmount").eq(1).html(borrowValue - Math.ceil(cashRate * borrowValue) + "元");            	
	                if($("#showOptions .selectTxt").text() != "请选择借款用途"){
	                	$(".confirm").addClass("on");
	                }else{
	                	layer.tips("请先选择借款用途");
	                } 
	            })
	            
	            ///查看提示消息
	            $('.userTips').on('click',function(){
	            	$('.alert11').css('display','block');
	            })
                $('.cancelBtn').on('click',function(){
	            	$('.alert11').css('display','none');
	            })
	    		//一键复制
		        $("#id_copy").on('click',function () {   
		            var clipboard = new ClipboardJS("#id_copy");
		            layer.tips("复制成功")
		            clipboard.on("success", function (element) {//复制成功的回调   
		               console.log(element.text)
		            });
		            clipboard.on("error", function (element) {//复制失败的回调
		            	//console.log(element)
		            })
		        })
	            //////拨打客服电话
				$('#telephone').on("click",function(){
					var u = navigator.userAgent;
					var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
					var android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端	
					if(ios){
						$(this).attr("href","tel:4001060216");
					}else if(android){
						jsBridgess.kefuTel();
					}
				})	            
	        
	            
	            ////获取借款用途列表
            	function getloanWay(){
	                 $.ajax({
	                    url: global.localUrl + "wallet/orders/loanWay",
	                    type: "post",
	                    data: JSON.stringify({
	                        "dicCode": "LOAN_WAY"
	                    }),
	                    contentType: 'application/json;charset=utf-8',
	                    success: function (re) {
	                        if (1 == re.code) {
	                        	LOAN_WAYlist = re.data;
	                        } else {
	                            layer.tips(re.message);
	                        }
	                    },
	                    error: function () {
	                        layer.tips(global.netError);
	                    }
	                });	            	
	            }
	            getloanWay();	                 
	                 
	            //选择借款用途
	            $("#showOptions").on("click", function () {
	                var LOAN_WAY_picker = new mui.PopPicker({
	                    layer: 1
	                });
                    var newData = getCityPickData(LOAN_WAYlist);
                	    LOAN_WAY_picker.setData(newData);
	                setTimeout(function () {
	                    LOAN_WAY_picker.show(function (items) {
	                        if ((items[0] || {}).text == undefined) {
	                            (items[0] || {}).text = "";
	                        }
	                        $("#showOptions .selectTxt").text((items[0] || {}).text).css('color','#222323');
	                        useFor = (items[0] || {}).text;
	                    });
	                }, 200);
	            });	
            ////获取城市列表赋值
            function getCityPickData(data) {
                var retData = new Array();
                for (var i = 0; i < data.length; i++) {
                    retData[i] = {
                        text: data[i].dicItemName,
                    }
                }
                return retData;
            }	            
	            // 进度条代码
	//          var scale = function (btn, bar, title) {
	//              this.btn = document.getElementById(btn);
	//              this.bar = document.getElementById(bar);
	//              this.title = document.getElementById(title);
	//              this.step = this.bar.getElementsByTagName("div")[0];
	//              this.init();
	//          };
	//          scale.prototype = {
	//              init: function () {
	//                  var f = this, g = document, b = window, m = Math;
	//                  f.btn.ontouchstart = function (e) {
	//                      var x = (e || b.event).touches[0].clientX;
	//                      var l = this.offsetLeft;
	//                      var max = f.bar.offsetWidth - this.offsetWidth;
	//
	//                      f.btn.ontouchmove = function (e) {
	//                          var thisX = (e || b.event).touches[0].clientX;
	//                          var to = m.min(max, m.max(-10, l + (thisX - x)));
	//                          f.btn.style.left = to + 'px';
	//                          f.ondrag(m.round(m.max(0, to / max) * 100), to);
	//                          b.getSelection ? b.getSelection().removeAllRanges() : g.selection.empty();
	//                      };
	//                      g.ontouchend = new Function('this.onmousemove=null');
	//                  };
	//              },
	//              ondrag: function (pos, x) {
	//                  this.step.style.width = (Math.max(0, x) + 10) + 'px';
	//                  this.title.innerHTML = pos + '%';
	//                  cashRate = (Math.ceil(pos / 5)) * 5 / 100;
	//
	//                  if (cashRate >= maxCashRate) { cashRate = maxCashRate }
	//                  console.log("cashRate:" + (cashRate.toFixed(18)))
	//                  $("#cashValue").text("现金：" + Math.ceil(cashRate * borrowValue) + "元");
	//                  $("#gameCode").text("游戏币：" + (borrowValue - Math.ceil(cashRate * borrowValue)) + "个");
	//                  $(".lanrenTitleValue a").text(Math.ceil(cashRate * borrowValue) + "元");
	//                  $(".lanrenTitleValue span").text((borrowValue - Math.ceil(cashRate * borrowValue)) + "个");
	//              }
	//          }
	//            new scale('btn', 'bar', 'title');
	
	
	
	
	            //获取极速卡信息
	            $.ajax({
	                url: global.localUrl + "wallet/system/initProduct",
	                type: "post",
	                data: JSON.stringify({ "sessionId": sessionId}),
	                contentType: 'application/json;charset=utf-8',
	                success: function (re) {
	                    if (1 == re.code) {
	                    	BWValue = re.data.length;
	                    	var lbHtml;
	                    	for(var i=0;i<re.data.length;i++){
	                    		if(!BW[i]){
	                    			lbHtml = '<div class="lb Amount">'+re.data[i].borrowingAmount+'</div>';
	                    			 _data = re.data[re.data.length-1];
	                    		};
	                    		$('.moreAmount').before(lbHtml);
	                    	};
	                    	
	                        gameRechargeRate = _data.gameRechargeRateMin;
	                        maxCashRate = 1 - _data.gameRechargeRateMin;
	                        cashRate = 1 - _data.gameRechargeRateMin;
	                        borrowValue = _data.borrowingAmount;
	                        productId = _data.productId;
	                        //滑动条进度设置
	                        $("#btn").css({ "left": cashRate * 170 });
	                        $("#bar>div").width(cashRate * 170 + 20);
	                        $(".lanrenTitleValue a").text(Math.ceil(cashRate * borrowValue) + "元");
	                        $(".lanrenTitleValue span").text((borrowValue - Math.ceil(cashRate * borrowValue)) + "个");
	                        $(".titleContentLeft").text("￥" + _data.borrowingAmount);
	                        $(".titleContentRight").text(_data.borrowingTerm + "天");
	                        $(".cell_cn").eq(1).text(_data.interest);
	                        $(".cell_cn").eq(2).text(_data.comprehensiveRate);
	                        $(".ForPayAmount").text(_data.repaymentAmount );
	                        //jsBridgess.getAppVersion();
				            /////滑动选择额度
			                var handleW = $('.lb').eq(BWValue).width();
				            $('.sliderHandle').css("left",(BWValue-1)*(handleW+handleW/4)+"px");
				            $('.bgColor').css("width",(BWValue-1)*(handleW+handleW/3)+"px");
				            //////点击滑块选择额度
				            $('.lb').on('click',function(){
				        		var lbIndex = $(this).index();
				    			var slidWidth = $(this).width();
				        	        if(lbIndex == 0 ){
				        	        	$('.sliderHandle').css('left',0*(slidWidth+slidWidth/4)+"px");
				    	                $('.bgColor').css('width',0*(slidWidth+slidWidth/3)+"px");
				    	                $('.titleContentLeft').text("￥"+$(this).text());
				    	                $(".ForPayAmount").text(re.data[lbIndex].repaymentAmount );
            	                        gameRechargeRate = re.data[lbIndex].gameRechargeRateMin;
				                        maxCashRate = 1 - re.data[lbIndex].gameRechargeRateMin;
				                        cashRate = 1 - re.data[lbIndex].gameRechargeRateMin;
				                        borrowValue = re.data[lbIndex].borrowingAmount;
				                        productId = re.data[lbIndex].productId;
				        	        }else if(lbIndex == 1 && BWValue >= 2){
				        	        	$('.sliderHandle').css('left',1*(slidWidth+slidWidth/4)+"px");
				    	                $('.bgColor').css('width',1*(slidWidth+slidWidth/3)+"px");
				    	                $('.titleContentLeft').text("￥"+$(this).text()); 
				    	                $(".ForPayAmount").text(re.data[lbIndex].repaymentAmount );
                                        gameRechargeRate = re.data[lbIndex].gameRechargeRateMin;
				                        maxCashRate = 1 - re.data[lbIndex].gameRechargeRateMin;
				                        cashRate = 1 - re.data[lbIndex].gameRechargeRateMin;
				                        borrowValue = re.data[lbIndex].borrowingAmount;
				                        productId = re.data[lbIndex].productId;
				        	        }else if(lbIndex == 2 && BWValue >= 3){
				        	        	$('.sliderHandle').css('left',2*(slidWidth+slidWidth/4)+"px");
				    	                $('.bgColor').css('width',2*(slidWidth+slidWidth/3)+"px");
				    	                $('.titleContentLeft').text("￥"+$(this).text());
				    	                $(".ForPayAmount").text(re.data[lbIndex].repaymentAmount);
                                        gameRechargeRate = re.data[lbIndex].gameRechargeRateMin;
				                        maxCashRate = 1 - re.data[lbIndex].gameRechargeRateMin;
				                        cashRate = 1 - re.data[lbIndex].gameRechargeRateMin;
				                        borrowValue = re.data[lbIndex].borrowingAmount;
				                        productId = re.data[lbIndex].productId;
				        	        }else if(lbIndex == 3){
				        	        	layer.tips("您的活跃度暂未达到申请更高额度，继续努力吧");
				        	        }else if(lbIndex >= 1 || lbIndex >= 2 ){
				        	        	layer.tips("当前额度为您的最高额度，不能再选更高了");
				        	        }
				            })
	            
	                    } else {
	                        layer.tips(re.message);
	                    }
	                },
	                error: function () {
	                    layer.tips(global.netError);
	                }
	            });
	
	            //confirm确认
	
	            // $(".confirm .layer_btn").eq(0).off("click").on("click", function () {  close(); });
	            $(".confirm .layer_btn").eq(0).off("click").on("click", function () {
	                if (!gameRechargeRate) {
	                    gameRechargeRate = 0.2;
	                }
		                 $.ajax({
		                    url: global.localUrl + "wallet/orders/init",
		                    type: "post",
		                    data: JSON.stringify({
		                        "sessionId": sessionId,
		                        "productId": productId,
		                        "gameRechargeRate": gameRechargeRate,
		                        "loanWay" : useFor
		                    }),
		                    contentType: 'application/json;charset=utf-8',
		                    success: function (re) {
		                        if (1 == re.code) {
		                            orderNo = re.data.orderNo;
		                            layer.tips("申请成功，请进行绑卡");
		                            setTimeout(function () {
		                                window.location.href = "trust/identification.html?orderNo="+orderNo;
		                            }, 2000);
		                        } else {
		                            layer.tips(re.message);
		                            setTimeout(function () {
		                                window.location.reload();
		                            }, 2000);
		                        }
		                    },
		                    error: function () {
		                        layer.tips(global.netError);
		                    }
		                });
	                close();
	            });
	            $(".confirm .layer_btn_close").off("click").on("click", function () { close(); });
	
	            function close() {
	                $(".confirm").removeClass("on");
	            }
	           //获取APP版本号  ,拨打客服电话与app交互
	            var jsBridgess = (function () {   
	                function connectWebViewJavascriptBridge(callback) {
	                    if (window.WebViewJavascriptBridge) {
	                        callback(WebViewJavascriptBridge);
	                    } else {
	                        document.addEventListener('WebViewJavascriptBridgeReady', function () {
	                            callback(WebViewJavascriptBridge);
	                        }, false)
	                    }
	                }
	                connectWebViewJavascriptBridge(function (WebViewJavascriptBridge) {
	                    WebViewJavascriptBridge.init(function (message, responseCallback) {
	                    });                 
	                    fn && fn();
	
	                })
	                return {
	                    init: function (fn) {
	                        connectWebViewJavascriptBridge(function (WebViewJavascriptBridge) {
	                            WebViewJavascriptBridge.init(function (message, responseCallback) {
	
	                            });
	
	                            fn && fn();
	
	                        })
	                    },
	                    getAppVersion: function (callback) {
	                        WebViewJavascriptBridge.callHandler('getAppVersion', {}, function (response) {}); 
	                    },
  	                    kefuTel: function (callback) {
	                        WebViewJavascriptBridge.callHandler('kefuTel', {"tel":"4001060216"}, function (response) { callback(response); });
	                    },
	                }
	            })(); 
	            
				  function toNum(a){
				      var a=a.toString();
				      //var c=a.split(/\./);
				      var c=a.split('.');
				      var num_place=["","0","00","000","0000"],r=num_place.reverse();
				      for (var i=0;i<c.length;i++){ 
				          var len=c[i].length;       
				          c[i]=r[len]+c[i];  
				      } 
				      var res= c.join(''); 
				      return res; 
				  }    
				 // function updateTips(){
				  	
//		              if(ios && (oldAPPV == 'undefind' || toNum(oldAPPV) < toNum(appV))){
//		              	  layers.alert();
//		              }else if(android && (oldAPPV == undefind || toNum(oldAPPV) < toNum(appV))){
//		              	  layers.alert();
//		              }else{
//		    			close();
//		              }  			  	
				  //}
//				  var timer = setInterval(function(){
//				  	console.log(oldAPPV)
//	            	    if(oldAPPV == 'undefind' || toNum(oldAPPV) < toNum(appV)){
//	            	    	updateTips(); 
//	            	    }else{
//	            	    	clearInterval(timer);
//	            	    }
//	            },2000);       
				
	        })(global, userUtil, layer)
	
	        }else{
	            window.location.href="./user/login.html";
	    }
    </script>
</body>

</html>